<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<title>Controle Bibliotecário</title>

	<link rel="shortcut icon" type="image/x-icon" href="#{facesContext.externalContext.requestContextPath}/resources/img/favicon.ico" />

	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/bootstrap/css/bootstrap.min.css" />

	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/bootstrap/css/bootstrap-responsive.css" />

	<link href="#{facesContext.externalContext.requestContextPath}/resources/css/loading-bar.min.css" rel="stylesheet" />

	<h:outputStylesheet library="css" name="estilo.css" />

</h:head>

<h:body>

	<p:dialog visible="true" modal="true" closable="false" resizable="false" draggable="false" header="Controle Bibliotecário"
		styleClass="grid-login login_panel" height="200" width="400">

		<h:form id="frm">

			<p:focus for="usuario" />

			<div class="row-fluid" align="right">
				<div class="span12">
					<p:inputText id="usuario" placeholder="Usuário" value="#{efetuarLoginController.loginForm.nomeUsuario}" required="true" label="text	"
						styleClass="input-medium" requiredMessage="Informe o Usuário!" />
				</div>
			</div>

			<div class="row-fluid" align="right">
				<div class="span12">
					<p:password id="senha" placeholder="Senha" value="#{efetuarLoginController.loginForm.senha}" required="true" styleClass="input-medium"
						requiredMessage="Informe a Senha!" />
				</div>
			</div>

			<div class="row-fluid" align="right">
				<div class="span12">
					<h:commandButton value="Acessar" action="#{efetuarLoginController.login}" styleClass="btn btn-primary" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span12">
					<p:messages showDetail="true" showSummary="false" autoUpdate="true" closable="true" />
				</div>
			</div>
		</h:form>

	</p:dialog>

</h:body>

</html>